/**
 * Created by Doublestar on 2017/10/1.
 */

function doAction(url, type, id){
    $.ajax({
        url: url,	//请求的URL地址
        type: type, //请求方法: GET、POST、PUT、DELETE
        timeout:5000,    //超时时间
        dataType:'text', //返回的数据格式：json/xml/html/script/jsonp/text
        success:function(data,textStatus,jqXHR){// 成功的回调函数
            $('#'+id).html(data)	//设置id为result的标签的html内容为返回的data数据
        },
        error:function(xhr,textStatus){//失败的回调函数
            $('#'+id).html(textStatus)
        }
    })
}

$(document).ready(function(){	
    //GET方法
    $("#get_product").click(function(){	//HTML中id为get的HTML标签的点击动作
        doAction('/products', 'GET', 'result');
    })
	
	//POST方法
    $("#add_product").click(function(){
        var id = $('#p_id').val();
        var name = $('#p_name').val();
        var price = $('#p_price').val();
        var url = '/product/?id='+id+'&name='+name+'&price='+price;
        doAction(url, 'POST', 'result');
    })
	
	//PUT方法
    $("#update_product").click(function(){
        var id = $('#p_id').val();
        var name = $('#p_name').val();
        var price = $('#p_price').val();
        var url = '/'+id+'?name='+name+'&price='+price;
        doAction(url, 'PUT', 'result');
    })
	
	//DELETE方法
    $("#delete_product").click(function(){
        var id = $('#p_id').val();
        doAction('/'+id, 'DELETE', 'result');
    })

})
